<template>
    <view class="custom_header" style="height: {{navH}}px">
        <view><img src="/static/xiaoyuhao.png" alt="" class="img" @click="img"></view>
    </view>
    <view class="red">
        <img src="/static/img/11.png" class="tou">
        <h2 style="color: white;">赵小刚</h2>
        <p style="color: white; font-size: 10px;">销售部 销售经理</p>
        <view>
            <img src="/static/img/18.png" class="tou">
            <img src="/static/img/19.png" class="tou">
            <img src="/static/img/20.png" class="tou">
        </view>
    </view>
    <view class="two">
        基本信息
    </view>
    <view class="ul">
        <view>性别</view>
        <view style="margin-left: 50px;">男</view>
    </view>
    <view class="ul">
        <view>生日</view>
        <view style="margin-left: 50px;">1984-06-22</view>
    </view>
    <view class="ul">
        <view>邮箱</view>
        <view style="margin-left: 50px;">Windir@AxureUX.com</view>
    </view>
    <view class="ul">
        <view>手机</view>
        <view style="margin-left: 50px;">18033441894</view>
    </view>
    <view class="ul">
        <view>微信</view>
        <view style="margin-left: 50px;">18033441894</view>
    </view>
    <view class="ul">
        <view>座机/分机</view>
        <view style="margin-left: 50px;">0755-88888888</view>
    </view>
 
    <view class="ul">
        <view style="background-color: rgb(228, 228, 228); width: 350px;">更多信息</view>
      
    </view>
    <view class="ul">
        <view>工号</view>
        <view style="margin-left: 50px;">1000001</view>
    </view>
    <view class="ul">
        <view>籍贯</view>
        <view style="margin-left: 50px;">湖北省</view>
    </view>
    <view class="ul">
        <view>毕业学校</view>
        <view style="margin-left: 50px;">清华大学</view>
    </view>
    <view class="ul">
        <view>毕业时间</view>
        <view style="margin-left: 50px;">2019-09</view>
    </view>
    <view class="ul">
        <view>学历</view>
        <view style="margin-left: 50px;">博士</view>
    </view>
    <view class="ul">
        <view>所学专业</view>
        <view style="margin-left: 50px;">人类学</view>
    </view>
    <view class="ul">
        <view style="background-color: rgb(228, 228, 228); width: 350px;"></view>
    </view>
</template>

<script setup lang="ts">
const img = () => {
    uni.navigateBack({
        delta: 1
    })
}
</script>

<style scoped lang="scss">
.ul {
    width: 350px;
    height: 60px;
    border: 1px solid #ccc;
    margin-left: 15px;
    display: flex;
    line-height: 60px;
    color: #666;
}

.two {
    width: 350px;
    margin-left: 15px;
    border-bottom: 1px solid #ccc;
    height: 40px;
    background-color: rgb(249, 249, 249);
    line-height: 40px;
}

.custom_header {
    display: flex;
    justify-content: space-between;
    width: 350px;
    height: 60px;
    margin-left: 15px;
    line-height: 150rpx;
    font-weight: bold;
    position: fixed;
    left: 0;
    top: 10px;
    z-index: 99;
    background-color: rgb(228, 228, 228);

}


.img {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-top: 10px;
}

.tou {
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 10px;
}

.red {
    width: 350px;
    height: 200px;
    background-color: rgb(228, 228, 228);
    margin-top: 60px;
    margin-left: 15px;
    text-align: center;
}
</style>